import { request } from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

    /**
     * 页面的初始数据
     */
    data: {
        // 取消 按钮 是否显示
        isFocus: false,
        // 输入框的值
        inpValue: "",
        // 默认
        cityList: []
    },
    QueryParams: {
        query: "",
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {
        this.getCitiesList();
    },

    TimeId: -1,
    // 输入框的值改变 就会触发的事件
    handleInput(e) {
        // 1 获取输入框的值
        const { value } = e.detail;
        // 2 检测合法性
        if (!value.trim()) {
            this.setData({
                cityList: [],
                isFocus: false
            })
            // 值不合法
            return;
        }
        // 3 准备发送请求获取数据
        this.setData({
            isFocus: true
        })
        clearTimeout(this.TimeId);
        this.TimeId = setTimeout(() => {
            this.getCitiesList(value);
        }, 1000);
    },

    async getCitiesList() {
        this.setData({
            // 拼接了数组
            cityList: []
        })
        const res = await request({ url: "/product/city/lists" });
        this.setData({
            // 拼接了数组
            cityList: res.data
        })
    },

    // 点击 取消按钮
    handleCancel() {
        this.setData({
            inpValue: "",
            isFocus: false
        })
    },

    changePages(e) {
        wx.setStorageSync("cityId", e.currentTarget.dataset.id);
        wx.setStorageSync("cityName", e.currentTarget.dataset.name);
        wx.navigateBack({
            delta: 1
        });
    }
})